ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಅಡ್ವಾನ್ಸ್ಡ್ ಟೈಪ್ಸ್: ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ ಮತ್ತು ಕಂಡೀಷನಲ್ ಟೈಪ್ಸ್‌ಗಳಲ್ಲಿ ಪರಿಣತಿ

ಅಂತರರಾಷ್ಟ್ರೀಯ ಉದಾಹರಣೆ: ವಿಭಿನ್ನ ದಿನಾಂಕ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು

ಪ್ರಪಂಚದ ವಿವಿಧ ಪ್ರದೇಶಗಳು ವಿಭಿನ್ನ ದಿನಾಂಕ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳನ್ನು ಬಳಸುತ್ತವೆ. ಈ ವ್ಯತ್ಯಾಸಗಳನ್ನು ನಿರ್ವಹಿಸಲು ನೀವು ಕಂಡೀಷನಲ್ ಟೈಪ್ಸ್‌ಗಳನ್ನು ಬಳಸಬಹುದು.

type DateFormat = "YYYY-MM-DD" | "MM/DD/YYYY" | "DD.MM.YYYY";

type ParseDate = T extends "YYYY-MM-DD"
  ? { year: number; month: number; day: number; format: "YYYY-MM-DD" }
  : T extends "MM/DD/YYYY"
  ? { month: number; day: number; year: number; format: "MM/DD/YYYY" }
  : T extends "DD.MM.YYYY"
  ? { day: number; month: number; year: number; format: "DD.MM.YYYY" }
  : never;


function parseDate(dateString: string, format: T): ParseDate {
  // (Implementation would handle different date formats)
  if (format === "YYYY-MM-DD") {
    const [year, month, day] = dateString.split("-").map(Number);
    return { year, month, day, format } as ParseDate;
  } else if (format === "MM/DD/YYYY") {
    const [month, day, year] = dateString.split("/").map(Number);
    return { month, day, year, format } as ParseDate;
  } else if (format === "DD.MM.YYYY") {
    const [day, month, year] = dateString.split(".").map(Number);
    return { day, month, year, format } as ParseDate;
  } else {
    throw new Error("Invalid date format");
  }
}

const parsedDateISO = parseDate("2023-10-27", "YYYY-MM-DD"); // Type: { year: number; month: number; day: number; format: "YYYY-MM-DD"; }
const parsedDateUS = parseDate("10/27/2023", "MM/DD/YYYY"); // Type: { month: number; day: number; year: number; format: "MM/DD/YYYY"; }
const parsedDateEU = parseDate("27.10.2023", "DD.MM.YYYY"); // Type: { day: number; month: number; year: number; format: "DD.MM.YYYY"; }


console.log(parsedDateISO.year); // Access the year knowing it will be there

ಈ ಉದಾಹರಣೆಯು ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ದಿನಾಂಕ ಫಾರ್ಮ್ಯಾಟ್‌ನ ಆಧಾರದ ಮೇಲೆ ವಿಭಿನ್ನ ದಿನಾಂಕ ಪಾರ್ಸಿಂಗ್ ಫಂಕ್ಷನ್‌ಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಕಂಡೀಷನಲ್ ಟೈಪ್ಸ್‌ಗಳನ್ನು ಬಳಸುತ್ತದೆ. ParseDate ಟೈಪ್, ಹಿಂತಿರುಗಿಸಿದ ಆಬ್ಜೆಕ್ಟ್ ಫಾರ್ಮ್ಯಾಟ್‌ಗೆ ಅನುಗುಣವಾಗಿ ಸರಿಯಾದ ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ಹೊಂದಿದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.

ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ ಮತ್ತು ಕಂಡೀಷನಲ್ ಟೈಪ್ಸ್‌ಗಳನ್ನು ಸಂಯೋಜಿಸುವುದು

ನೀವು ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ ಟೈಪ್ಸ್ ಮತ್ತು ಕಂಡೀಷನಲ್ ಟೈಪ್ಸ್‌ಗಳನ್ನು ಸಂಯೋಜಿಸಿದಾಗ ನಿಜವಾದ ಶಕ್ತಿ ಬರುತ್ತದೆ. ಇದು ನಂಬಲಾಗದಷ್ಟು ಶಕ್ತಿಯುತವಾದ ಟೈಪ್ ಮ್ಯಾನಿಪ್ಯುಲೇಶನ್‌ಗಳಿಗೆ ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.

type EventName = `on${Capitalize}`;

type ExtractEventPayload = T extends EventName
  ? { type: T; payload: any }  // Simplified for demonstration
  : never;


type ClickEvent = EventName<"click">;  // "onClick"
type MouseOverEvent = EventName<"mouseOver">;  // "onMouseOver"


//Example function that takes a type
function processEvent(event: T): ExtractEventPayload {
    //In a real implementation, we would actually dispatch the event.
    console.log(`Processing event ${event}`);

    //In a real implementation, the payload would be based on event type.
    return { type: event, payload: {} } as ExtractEventPayload;
}

//Note that the return types are very specific:
const clickEvent = processEvent("onClick");  //  { type: "onClick"; payload: any; }
const mouseOverEvent = processEvent("onMouseOver"); //  { type: "onMouseOver"; payload: any; }

//If you use other strings, you get never:
// const someOtherEvent = processEvent("someOtherEvent"); // Type is `never`

ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು ಮತ್ತು ಪರಿಗಣನೆಗಳು

• Keep it Simple: ಶಕ್ತಿಯುತವಾಗಿದ್ದರೂ, ಈ ಅಡ್ವಾನ್ಸ್ಡ್ ಟೈಪ್ಸ್‌ಗಳು ಬೇಗನೆ ಸಂಕೀರ್ಣವಾಗಬಹುದು. ಸ್ಪಷ್ಟತೆ ಮತ್ತು ನಿರ್ವಹಣೆಗಾಗಿ ಶ್ರಮಿಸಿ.
• Test Thoroughly: ನಿಮ್ಮ ಟೈಪ್ ಡೆಫಿನಿಷನ್‌ಗಳು ನಿರೀಕ್ಷೆಯಂತೆ ವರ್ತಿಸುತ್ತವೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಸಮಗ್ರ ಯೂನಿಟ್ ಟೆಸ್ಟ್‌ಗಳನ್ನು ಬರೆಯಿರಿ.
• Document Your Code: ಕೋಡ್ ಓದುವಿಕೆಯನ್ನು ಸುಧಾರಿಸಲು ನಿಮ್ಮ ಅಡ್ವಾನ್ಸ್ಡ್ ಟೈಪ್ಸ್‌ಗಳ ಉದ್ದೇಶ ಮತ್ತು ನಡವಳಿಕೆಯನ್ನು ಸ್ಪಷ್ಟವಾಗಿ ದಾಖಲಿಸಿ.
• Consider Performance: ಅಡ್ವಾನ್ಸ್ಡ್ ಟೈಪ್ಸ್‌ಗಳ ಅತಿಯಾದ ಬಳಕೆಯು ಕಂಪೈಲೇಶನ್ ಸಮಯದ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರಬಹುದು. ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಪ್ರೊಫೈಲ್ ಮಾಡಿ ಮತ್ತು ಅಗತ್ಯವಿರುವಲ್ಲಿ ಆಪ್ಟಿಮೈಜ್ ಮಾಡಿ.